<template>
    <div class="toast taxin">
        <i :class="['iconfont', $store.state.toast.icon]"></i>
        <section>{{ $store.state.toast.content }}</section>
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
}
</script>
 
<style lang = "less" scoped>
@import "../assets/base.less";

.toast {
    position: fixed;
    background-color: #fff;
    padding: 10px 20px;
    left: 50%;
    top: 20px;
    align-items: center;
    transform: translateX(-50%);
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(157, 197, 243);
}
</style>